<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/login.css">
</head>
<body>
<header>
    <div class="login_wrap">
        <div class="logo_img">
            <a class="back_img" href=""><img src="img/mogujie.png" alt=""></a>
        </div>
        <div class="wrap_nav">
            <div class="nav_img">
                <a class="a_img" href=""><img src="img/shequbagua.jpg" alt=""></a>
            </div>
            <div class="newuser">
                <div class="new_one">
                    <div class="one_1 one-two">
                        <a href="javascript:void(0)">普通登录</a>
                    </div>
                    <div class="one_2">
                        <a href="javascript:void(0)">手机无密码登录</a>
                    </div>
                    <div class="one_img">
                        <a href="#"><img src="img/diannaodenglu.png" alt=""></a>
                    </div>
                </div>
                <div class="new_two">
                    <div class="two_1">
                        <form action="/signin"  method="POST">
                            <div class="two_11">
                                <input class="general" type="text" name="petname" placeholder="昵称/邮箱/手机号" required>
                            </div>
                            <div class="two_12">
                                <input class="general" type="password" name="password" placeholder="密码" required>
                            </div>
                            <div class="two_13">
                                <select >
                                    <option value="355">阿尔巴尼亚</option>
                                    <option value="355">阿尔及利亚</option>
                                    <option value="355">阿富汗</option>
                                    <option value="355">阿根廷</option>
                                    <option value="355">阿拉伯联合酋长国</option>
                                    <option value="355">阿拉伯叙利亚共和国</option>
                                    <option value="297">阿鲁巴</option>
                                    <option value="968">阿曼</option>
                                    <option value="994">阿塞拜疆</option>
                                    <option value="20">埃及</option>
                                    <option value="251">埃塞俄比亚</option>
                                    <option value="353">爱尔兰</option>
                                    <option value="372">爱沙尼亚</option>
                                    <option value="376">安道尔</option>
                                    <option value="244">安哥拉</option>
                                    <option value="1264">安圭拉岛</option>
                                    <option value="1268">安提瓜和巴布达</option>
                                    <option value="43">奥地利</option>
                                    <option value="61">澳洲</option>
                                    <option value="1246">巴巴多斯</option>
                                    <option value="675">巴布亚新几内亚</option>
                                    <option value="1242">巴哈马群岛</option>
                                    <option value="92">巴基斯坦</option>
                                    <option value="595">巴拉圭</option>
                                    <option value="973">巴林</option>
                                    <option value="507">巴拿马</option>
                                    <option value="55">巴西</option>
                                    <option value="375">白俄罗斯</option>
                                    <option value="1441">百慕大群岛</option>
                                    <option value="359">保加利亚</option>
                                    <option value="229">贝宁</option>
                                    <option value="32">比利时</option>
                                    <option value="354">冰岛</option>
                                    <option value="1787">波多黎各</option>
                                    <option value="387">波黑(波斯尼亚和黑塞哥维那)</option>
                                    <option value="48">波兰</option>
                                    <option value="591">玻利维亚</option>
                                    <option value="86" selected="selected">中国</option>
                                    <option value="853">中国澳门</option>
                                    <option value="886">中国台湾</option>
                                    <option value="852">中国香港</option>
                                </select>
                                <input type="text" id="userphone" class="in_phone general" placeholder="手机号码">
                            </div>
                            <div class="two_14">
                                <input class="general" type="password" placeholder="动态密码">
                            </div>
                            <div class="two_15">
                                <a class="two_a" href="#">获取手机动态密码</a>
                            </div>
                            <div class="two_16">
                                <label >
                                    <input type="checkbox">
                                    <span>2周内自动登录</span>
                                </label>
                                <a href="#">忘记密码？</a>
                            </div>
                            <div class="two_17">
                                <input class="general" type="submit" value="登录">
                            </div>
                            <div class="two_18">
                                <a href="#">海外手机登录</a>
                                <a href="/register">新用户注册</a>
                            </div>
                            <div class="two_19">
                                <p>你也可以用一下方式登录：</p>
                            </div>
                            <div class="two_20">
                                <a href="#"><img src="img/QQ.png" alt=""></a>
                                <a href="#"><img src="img/weixin.png" alt=""></a>
                                <a href="#"><img src="img/weibo.png" alt=""></a>
                                <a href="#"><img src="img/qqweibo.page-loginreg" alt=""></a>
                                <a href="#"><img src="img/renren.png" alt=""></a>
                                <a href="#"><img src="img/lulutong.png" alt=""></a>
                            </div>

                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<footer>
    <div class="footer_nav">
        <div class="kehuduan">
            <h3>蘑菇街移动客户端</h3>
            <a href="#"></a>
        </div>
        <div class="foo">
            <ul>
                <li>
                    <h3>新手帮助</h3>
                    <a href="#">如何购买</a>
                    <a href="#">支付教程</a>
                    <a href="#">优惠券使用</a>
                    <a href="#">常见问题</a>
                </li>
                <li>
                    <h3>权益保障</h3>
                    <p>全国包邮</p>
                    <p>7天无理由退货</p>
                    <p>退货运费补贴</p>
                    <p>72小时发货</p>
                </li>
                <li>
                    <h3>商家服务</h3>
                    <a href="#">免费开店</a>
                    <a href="#">商家社区</a>
                    <a href="#">商家入驻</a>
                    <a href="#">管理后台</a>
                </li>
            </ul>
            <p class="foo_p">©Copyright 2010-2016蘑菇街 Mogujie.com (增值电信业务经营许可证：浙B2-20110349)</p>
        </div>
    </div>
</footer>
<!--模态框-->
<div class="modal fade bs-example-modal-sm" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog  modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">用户提示</h4>
            </div>
            <div class="modal-body"></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script src="js/jquery-2.0.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="scripts/signin.js"></script>
<script>
    $(function(){
        $('.one_1 a').click(function(){
            $('.one_2 a').css('color','#aaa');
            $('.one_2 a').css('border-bottom','none');
            $('.one_1 a').css('color','#333');
            $('.one_1 a').css('border-bottom','2px solid #ff4066');
            $('.two_11 ').css('display','block');
            $('.two_12 ').css('display','block');
            $('.two_13 ').css('display','none');
            $('.two_14 ').css('display','none');
            $('.two_15 ').css('display','none');
            $('.newuser').css('height','359px');
        })
        $('.one_2 a').click(function(){
            $('.one_2 a').css('color','#333');
            $('.one_2 a').css('border-bottom','2px solid #ff4066');
            $('.one_1 a').css('color','#aaa');
            $('.one_1 a').css('border-bottom','none');
            $('.two_11 ').css('display','none');
            $('.two_12 ').css('display','none');
            $('.two_13 ').css('display','block');
            $('.two_14 ').css('display','block');
            $('.two_15 ').css('display','block');
            $('.newuser').css('height','405px');
        })
})
</script>